/* html,body{ font-family:"Microsoft YaHei",微软雅黑,"Arial Narrow"; } */
.border-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
/*.box-shadows{
	-moz-box-shadow:0px 2px 10px rgba(204,204,204,0.5); 
	-webkit-box-shadow:0px 2px 10px rgba(204,204,204,0.5); 
	box-shadow:0px 2px 10px rgba(204,204,204,0.5);
}*/
.box-shadows{ box-shadow: 0px 6px 17px -5px #F7F6FC; }
.box-shadows1{  box-shadow: 0px 6px 17px -5px rgba(17, 15, 61, 0.08); }
.box-shadows2{ box-shadow: 0px 2px 17px -2px rgba(0, 0, 0, 0.08); }
.ellipsis{
	display:-webkit-box !important;
	overflow:hidden;
    text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;/*溢出隐藏保留2行*/
}	
.smallimg{
	width:100%;
	height:0;
    padding-bottom: 100%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.linear-gradient{
	background: -webkit-linear-gradient(left, #7DBA74, #368D63);
    background: -o-linear-gradient(left, #7DBA74, #368D63); 
    background: -moz-linear-gradient(left, #7DBA74, #368D63);
    background: linear-gradient(to right, #7DBA74, #368D63); 
}
input,textarea,select{ outline:none; resize: none; border: 0; }
select:-moz-focusring {  
    color: transparent;
    text-shadow: 0 0 0 #000;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
input[disabled='disabled']{ opacity:1 }
input:disabled {
    background-color:#fafafa;
    border-color: #ddd;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #ccc; }
input:-moz-placeholder,textarea:-moz-placeholder{ color: #ccc; opacity: 1; }
input::-moz-placeholder,textarea::-moz-placeholder{ color: #ccc; opacity: 1; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #ccc; }

em{ font-style: normal; }
.fb{ font-weight: bold; }
.left{ float:left }
.right{ float:right }
.block{ display:block }
.relative{ position:relative }
.inline-block{ display:inline-block }
.nowrap-ellipsis{ white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.cursor{ cursor:pointer }
.overflow{ overflow:hidden }
.overflow-visible{ overflow: visible; }
.textCenter{ text-align:center }
.textRight{ text-align:right }
.textLeft{ text-align:left }
.hidden{ display:none }
.no-click{
	background:#fafafa;
	pointer-events:none;
}
.indent{ text-indent: 2em; }
.display-flex{ display: flex; }
.justify-between{ justify-content: space-between; }
.resize{resize: none;}
.bgWhite{ background-color: #fff}
.bgBlue{ background-color: #478EEB; }
.bglightBlue{ background-color: #1CBBB4; }
.bgBlue-rgba{ background: #F0F6FE; }
.bgRed{ background-color:#F8685D; }
.bgGreen{ background-color:#478EEB; }
.bgGray{ background-color:#ccc; }


.white{ color: #fff; }
.red{ color:#FF3B30}
.red1{ color:#FA675C}
.green{ color: #03CCCD; }
.darkGray{color:#666} /*深灰*/
.gray{ color: #999; }
.orange{ color: #FF8510; }
.yellow{ color: #FFC15E; }
.blue{ color:#4188E9; }
.letter5{ letter-spacing: 5px; }

.cursor{ cursor: pointer; }
.border-bot1px{ border-bottom: 1px solid #eee; }
.border-top1px{ border-top: 1px solid #eee; }
.border-bot5px{ border-bottom: 5px solid #eee; }
.border1px{ border: 1px solid #eee; }
.border1px-ddd{ border: 1px solid #ddd; }
.border1px-red{ border: 1px solid #FF3B30 !important; }
.border-radius3{ border-radius: 3px; }
.border-radius4{ border-radius: 4px; }
.border-radius8{ border-radius: 8px; }
.border-top-radius4{ border-radius: 4px 4px 0 0; }
.border-bot-radius4{ border-radius: 0 0 4px 4px; }

.border0{ border: 0; }
.border-top0{ border-top: 0; }
.f16px{ font-size: 16px; }
.f18px{ font-size: 18px; }

.lh30px{ line-height: 30px; }
.lh32px{ line-height: 32px; }
.lh34px{ line-height: 34px; }
.lh48px{ line-height: 48px; }


/******* padding *******/
.pad16px{ padding: 16px; }
.pad24px{ padding: 24px; }
.pt16px{ padding-top: 16px; }
.pb16px{ padding-bottom: 16px; }
.pl16px{ padding-left: 16px; }
.plr6px{ padding-right: 16px; }
/******* margin ******/
.mt16px{ margin-top: 16px; }
.mt20px{ margin-top: 20px; }
.ml10px{ margin-left: 10px; }
.ml5px{ margin-left: 5px; }
.ml16px{ margin-left: 16px; }
.mr5px{ margin-right: 5px; }
.mr16px{ margin-right: 16px; }
.mb16px{ margin-bottom: 16px; }
/*******line height******/
.lh23px{line-height:23px;}
.lh25px{line-height:25px;}
.lh30px{line-height:30px;}
.lh35px{line-height:35px;}
.lh40px{line-height:40px;}
.lh45px{line-height:45px;}
.lh50px{line-height:50px;}
.lh55px{line-height:55px;}
.lh60px{line-height:60px;}



